<template>
  <div>
    <el-breadcrumb class="top" separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>{{ name1 }}</el-breadcrumb-item>
      <el-breadcrumb-item>{{ name2 }}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>
<script>
  export default {
    props:[
        "name1",
        "name2"
    ]
    ,mounted(){
    }
  }
</script>
<style lang='scss' scoped>
  .top{
    margin:20px 0;
  }
</style>